<script setup>
import { ref, onMounted } from 'vue'
import YamlEditor from '@/modules/components/FilePreview/ContentEditor.vue'
import { ContentEditor } from '@/modules/components/FilePreview'

const content = ref(
  'alarmInterval: 180 channelCode: t1 configID: t1 direction: {} extractionRate: 1 filter: {} imageNum: 5 objectThreshold: 5 polygonVertices: region startThreshold: 2 thresh: 0.8 videoTime: 5'
)

const open = () => {
  ContentEditor({
    type: 'yaml',
    content: content.value
  })
}

setTimeout(() => {
  open()
}, 3000)
</script>
<template>
  <div>
    <el-button @click="open">open</el-button>
    <!-- <YamlEditor :content="content" /> -->
  </div>
</template>
